<template>
    <view class="bg-[#f8f8f8]">
        <view class="h-[10rpx]"></view>
        <view class="flex items-center pt-[57rpx] bg-white">
            <u-icon name="arrow-left" color="#444444" size="28"></u-icon>
            <uni-swiper-dot class="uni-swiper-dot-box flex-1" :info="info" :current="current" mode="round" field="content">
                <swiper class="swiper-box" @change="change" :current="swiperDotIndex">
                    <swiper-item v-for="(item, index) in info" :key="index">
                        <image mode="aspectFill" :src="item.url" class=" w-[100%] h-[348rpx]"></image>
                    </swiper-item>
                </swiper>
            </uni-swiper-dot>
            <u-icon name="arrow-right" color="#444444" size="28"></u-icon>
        </view>
        <view class="pt-[80rpx] flex justify-center pb-[57rpx] bg-white">
                <view
                    class="w-[208rpx] mr-[46rpx] rounded font-medium text-[30rpx] px-1 bg-[#00B578] text-white h-[74rpx] flex justify-center items-center">
                    <u-icon name="search" color="#fff" size="28"></u-icon> 查看</view>
                    <view
                    class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[74rpx] flex justify-center items-center">
                    下载</view>
        </view>
    </view>
</template>
<script setup>
import { ref, reactive, onMounted, onBeforeUnmount, getCurrentInstance } from "vue";
const info = ref([
  {
    url: 'https://img-u-0.51miz.com/Templet/00/17/28/86/172886_c94ae863a78690bb0ac517e5976125c5.jpg-0.jpg',
  }
])
</script>
<style scoped></style>